<template>
	<router-view></router-view>
</template>

<script>
import colorTool from '@/utils/color'

export default {
    name: 'App',
    created() {
        // 设置主题颜色
        const app_color = this.$CONFIG.COLOR || this.$TOOL.data.get('APP_COLOR')
        if(app_color) {
            document.documentElement.style.setProperty('--el-color-primary', app_color)
            for (let i = 1; i <= 9; i++) {
                document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(app_color, i / 10))
            }
            document.documentElement.style.setProperty(`--el-color-primary-darken-1`, colorTool.darken(app_color, 0.1))
        }
    }
}
</script>

<style lang="scss">
	@import '@/style/style.scss';
	@import '@/style/theme/dark.scss';
</style>
